<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta content="telephone=no" name="format-detection"/>
	<title>旅行列表页</title>
	<link rel="stylesheet" href="../css/lib/tg_mobile_reset.css">
	<link rel="stylesheet" href="../css/theme_line.css">
	<link rel="stylesheet" href="../css/header.css">
	<link rel="stylesheet" href="../css/nav_bar.css">
</head>
<body>
	<div id="travel_list"><!-- vue实例包裹 -->
		<ul class="title_unfold main_unfold" id="four_item" :class="{show_out:masker}" :style="{top:titleUlTop}">
			<!-- <li id="tg_theme" class="on"><a href="theme_line.html">主题线路</a></li>
			<li id="tg_activity"><a href="local_activity_list.html">当地活动</a></li>
			<li id="tg_guide"><a href="local_guide_list.html">当地向导</a></li>
			<li id="tg_impression"><a href="impression.html">印象随笔</a></li>
			<li id="tg_note"><a href="note.html">游记攻略</a></li> -->
	
			<li id="tg_theme" @click="fixHeadTitle('主题线路')"><router-link to="/theme_line" active-class="on">主题线路</router-link></li>
			<li id="tg_activity" @click="fixHeadTitle('当地活动')"><router-link to="/local_activity_list" active-class="on">当地活动</router-link></li>
			<li id="tg_guide" @click="fixHeadTitle('当地向导')"><router-link to="/local_guide_list" active-class="on">当地向导</router-link></li>
			<li id="tg_impression" @click="fixHeadTitle('印象随笔')"><router-link to="/impression" active-class="on">印象随笔</router-link></li>
			<li id="tg_note" @click="fixHeadTitle('游记攻略')"><router-link to="/note" active-class="on">游记攻略</router-link></li>
		</ul>

		<div class="h_top" :class="{pdt20:isIos}">
			<div class="header">
				<div class="goback"></div>
				<div class="head_title" id="head_title" @touchend="onHeadTitleTouch">{{list_name}}</div>
				<div class="head_right">
					<div class="city_name_wp">
						<span id="city_name">{{city_name}}</span>
						<span id="postion_png"><img src="../img/position.png"></span>
					</div>
				</div>
			</div>
			<div class="nav_bar">
				<div class="cnt_item start_day">出发日期</div>
				<div class="cnt_item nav_bar_theme">线路主题</div>
				<div class="cnt_item recm_sort">推荐排序</div>
			</div>
		</div>
		
		<div class="zc_vue_list_content thm_list_wp" :style="{marginTop:wrapMt}"><!-- 属性名称必须用驼峰形式，否则渲染出错        -->                                                             
			<!-- <div class="evy_thm_wp" v-for='obj in pageRenderArr'>
				<div class="pic_wp"><img :src='imgSrc(obj)'></div> 
				<div class="itm_scan_wp">
					<div class="itm_title">{{obj.name}}</div>
					<div class="itm_thms clearfix">
						<span class="evy_thm" v-for='tag of obj.tag'>{{tag}}</span>
					</div>
					<div class="start_place">{{obj.startCity}}</div>
				</div>
				<div class="itm_price">￥{{obj.price}}<span class="price_word">起</span></div>
				<div class="rubbish_pm_img" v-if='mayShowImg(obj)'><img src="../img/bye_bye.png"/></div>
			</div> -->
			<router-view></router-view>
		</div>	

		<div class="masker" :class="{show_out:masker}"  @touchmove.prevent></div><!-- 阻止默认事件修饰符 -->
		






		
	</div><!-- vue实例包裹 -->





	
	<script src="../js/lib/base.js"></script>
	<script src="../js/lib/vue.js"></script>
	<script src="../js/lib/vue-router.min.js"></script>
	<script src="../js/lib/vue-resource.min.js"></script>
	<script src="../js/custorm/travel_list.js"></script>
	<script src="../js/lib/rem.js"></script>
</body>
</html>